<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>添加用户Id</title>
    <script type="text/javascript">
    		//创建并返回异步请求对象
			function createXMLHttpRequest(){
				var xmlReq=new XMLHttpRequest();
				return xmlReq;
			}
			var xmlHttpReq;
			//添加部门数据(第一步)
			function initDeptData(){
				var url="${pageContext.request.contextPath}/sendEmail.action?method=QueryDeptAjax";
				//1.创建异步请求对象
				xmlHttpReq=createXMLHttpRequest();
				//2.建立到服务器的新请求
				xmlHttpReq.open("get",url,true);
				//3.设定服务器的回调方法 
				xmlHttpReq.onreadystatechange=addDeptData;
				//4.发送异步请求
				xmlHttpReq.send(null);
			}
			//添加部门数据(第二步,第一步的回调函数)
			function addDeptData(){
				if(xmlHttpReq.readyState==4){
					if(xmlHttpReq.status==200){
						var xmldoc=xmlHttpReq.responseXML;
						deptSelect(xmldoc);
					}
				}
			}
			//添加部门数据(第三步,得到queryDeptAjax里的值,添加到页面上)
			function deptSelect(xmldoc){
				var selobj=document.getElementById("dept");
				var idArray=xmldoc.getElementsByTagName("id");
				var nameArray=xmldoc.getElementsByTagName("name");
				for(var i=0;i<idArray.length;i++){
					var optObj=document.createElement("option");
					optObj.value=idArray[i].innerHTML;
					optObj.text=nameArray[i].innerHTML;
					selobj.appendChild(optObj);
				}
			}
			//二级联动出现部门用户,添加部门员工数据(第一步)
			function initUserData(){
				var url="${pageContext.request.contextPath}/sendEmail.action?method=QueryUserAjax";
				xmlHttpReq=createXMLHttpRequest();
				xmlHttpReq.open("post",url,true);
				xmlHttpReq.onreadystatechange=adduserData;
				var deptId=document.getElementById("dept").value;
				var params="deptId="+deptId;
				//post方法提交,设置响应头信息,已标准的键值对方式发送参数,如果不设置,则无法传递参数
				xmlHttpReq.setRequestHeader("Content-type","application/x-www-form-urlencoded");
				xmlHttpReq.send(params);
			}
			//添加部门员工数据(第二步,第一步的回调函数)
			function adduserData(){
				if(xmlHttpReq.readyState==4){
					if(xmlHttpReq.status==200){
						var xmldoc=xmlHttpReq.responseXML;
						userSelect(xmldoc);
					}
				}
			}
			//添加部门员工数据(第三步,得到queryUserAjax里的值,添加到页面上)
			function userSelect(xmldoc){
				var selObj=document.getElementById("user");
				var idArray=xmldoc.getElementsByTagName("id");
				var nameArray=xmldoc.getElementsByTagName("name");
				selObj.length=1;
				for(var i=0;i<idArray.length;i++){
					var optObj=document.createElement("option");
					optObj.value=idArray[i].innerHTML;
					optObj.text=nameArray[i].innerHTML;
					selObj.appendChild(optObj);
				}
			}
			//点击确认按钮,添加用户
			function closeWindow(){
    			userId=document.getElementById("user").value;
    			if(userId=='-1'){
					alert("未选择用户编号！");
					return;
				}
    			window.returnValue=userId;
    			window.close();
    		}
    	function backWindow(){
    		window.returnValue=false;
    		window.close();
    	}
    </script>
  </head>
  <body onload="initDeptData();" background="skyblue">
  <table>
  	<tr>
  		<td colspan="2" align="center"><font color="red">添加发送邮件用户</font></td>
  	</tr>
  	<tr>
  		<td align="right" height="100px">部门：
			<select id="dept" onchange="initUserData();">
				<option value="-1">
					--请选择--
				</option>
			</select>
		</td>
		<td align="left">
			收件人ID：
			<select id="user" onchange="initUserIdData();">
				<option value="-1">
					--请选择--
				</option>
			</select>
		</td>
  	</tr>
  	<tr>
  		<td align="right"><input type="button" value="确定" onclick="closeWindow();"/></td>
  		<td align="left"><input type="button" value="返回" onclick="backWindow();"/></td>
  	</tr>
  </table>
</html>
